<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>my vue</title>
    <script src="jquery.js"></script>
  </head>
  <script type="text/javascript">
    $(function(){
      //倒计时
      var c = 5;
      function timedCount() {
          if(c<0)
          {
              onecode=0;
              $(".time").html("发送验证码")
          }
          else{
              $(".time").html(c)
              setTimeout(function(){timedCount()}, 1000);
          }
          c--;
      }
      //发送验证码
      var onecode="";
      $(".send").click(function(){
        onecode="";
        c=5
        timedCount()
          for(var i=0;i<5;i++)
          {
              onecode+=Math.floor(Math.random()*10);
          }
          console.log(onecode)
      })
      //验证
      $(".btn").click(function(){
        //js随机数
          var val=$(".in").val();
          if(val!=onecode || onecode==0)
          {
              alert("验证码错误")
          }
          else{
              alert("注册成功")
          }

        //php随机数
          // $.ajax({
          //      url:'random.php',
          //      type:"post",
          //      dataType:"json",
          //      success:function(data){
          //          console.log(data)
          //      },
          //      error:function(data){
          //          console.log(data)
          //      }
          // })
      })
   })
  </script>
  <body>
      <div class="box">
           <button type="button" class="send" name="button">发送验证码</button><span class="time"></span>
      </div>
      <div class="pwdcode">
           <input type="text" class="in" name="name" value="" placeholder="输入验证码">
           <button type="button" class="btn" name="button">提交</button>
      </div>
  </body>
</html>
